<template>
  <div>
  <Tabbar :leftArrow='true' :title="$t('textTrans.公告')"></Tabbar>
    <div class="noticeWrap">
      <div class="noticeItem"  v-for="(item,index) in noticeList" :key="index">
		  <van-cell :title="item.title" is-link @click="$router.push({path:'NoticeDetails',query:{item:JSON.stringify(item)}})" />
      </div>
    </div>
  </div>
</template>

<script>
import { Sticky } from 'vant';
import { noticeList,newsList } from "../../api/home";
import {backpage} from "@/utils/backPage"
import { getParams } from "@/utils/getParams";
export default {
  data() {
    return {
      noticeList: []
    };
  },
  created() {
	  newsList({type:2}).then((res) => {
	  	this.noticeList = res;
	  });
    // noticeList().then(res => {
    //     this.noticeList = res;
    // });
  },
  methods: {
    onClickLeft() {
		this.$router.go(-1)

  }
  }
};
</script>

<style scoped lang="less">
	.van-nav-bar {
	  background: linear-gradient(
	  270deg, #326964 0%, #326964 100%);
	  /deep/.van-nav-bar__title {
	    color: #ffffff;
	  }
	  /deep/ .van-icon {
	    color: #ffffff;
	  }
	}
.noticeWrap {
  padding: 0 17px;
  margin-top: 11px;
  .noticeItem {
	  background: white;
    color: #333;
    background-size:100% 100%;
    border-radius:5px;
    font-size: 13px;
    font-size: 15px;
    position: relative;
    // height: 161px;
	padding: 5px 0;
	box-shadow: 0 2px 1px 2px  #F5F5F5;
    margin-bottom: 16.5px;
    .noticeTop {
      font-size: 15px;
      overflow: hidden;
      padding:10px 12.5px;
    }
    .noticeTitle {
      position: absolute;
      top:10px;
      left:12.5px;
      font-size: 15px;
      margin-top:37px;
    }
  }
}
</style>
